<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="password-Type" password="text/html; charset=UTF-8">
<title>资料修改</title>
<link
	href="${pageContext.request.contextPath}/css/bootstrap.min.css?v=3.3.5"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/css/font-awesome.min.css?v=4.4.0"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/custom.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/animate.min.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/css/style.min.css?v=4.0.0"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<style type="text/css">
label {
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
}

input {
	outline: none;
	border: 1px solid rgb(216, 216, 216);
	padding: 2px 10px 2px 10px;
}

input[type="text"],input[type="password"] {
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	padding: 0px 10px;
	vertical-align: middle;
	color: #666;
}

input[type="button"] {
	padding: 0px 10px;
	height: 40px;
}

.form-group {
	vertical-align: middle;
	padding: 10px 10px;
}

.text-center-1 {
	text-align: right;
}

.loginscreen.middle-box {
	width: 600px;
}
</style>

<script type="text/javascript">
		$(document).ready(function() {
			$(".i-checks").iCheck({
				checkboxClass : "icheckbox_square-green",
				radioClass : "iradio_square-green",
			});
		});
</script>

</head>

<body class="gray-bg">

<h1>${User.name} ：个人资料</h1>

		<form method="post"
					action="${pageContext.request.contextPath}/User/toUpdateLocPage/${User.id}"
					 onsubmit="return validate()">

	 		 <table  style="margin:0 auto;" class="display table table-bordered table-striped"
					id="dynamic-table">
											<tr class="sec4" align="center">
												<td width="30%">账号名称</td>
												<td>${User.name }</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">密码</td>
												<td>${User.password}</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">真实名称</td>
												<td>${User.realname}</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">联系方式</td>
												<td>${User.phone}</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">地址</td>
												<td>${User.address}</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">介绍</td>
												<td>${User.introduce}</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">年龄</td>
												<td>${User.age}</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">性别</td>
												<td>${User.sex}</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">头像</td>
												<td>
													<img src="${pageContext.request.contextPath}/upload/${User.picture }" width="300" height="300"></img>												
												</td>
											</tr>
											
											<tr class="sec4" align="center">
												<td width="30%">角色</td>
												<td>
													<c:if test="${User.zt == 1 }">普通员工</c:if>
												</td>
											</tr>
											
										</table>
										
								<input type="submit" class="btn btn-primary block full-width m-b"
						value="修改信息" />
			</form>
</body>

</html>